@import '../c_themes/theme.scss';

// 内容
.content {
	color: $normal-color;
}
// 顶栏浮动
.fixed-layout {
	position: fixed;
	z-index: 9;
	width: 100%;
}
// 全大灰灰LOGO
.huihui-full-logo {
	width: 320rpx;
	height: 320rpx;
	background-image: $huihui-full-logo;
	background-size: $hight-fix-bg-size;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
}
// 顶图
.top-banner {
	width: 100%;
	background-image: $default-banner;
	background-size: $common-bg-size;
	background-position: center;
	margin-bottom: 20rpx;
}
	.top-banner image {
		width: 100%;
	}
// 常用数字
.normal-number{
	font-size: $number-fontSize;
}
// 居中文字
.center-content{
	text-align: center;
	justify-content: center;
	justify-self: center;
	align-items: center;
	align-self: center;
	align-content: center;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	width: 100%;
}
// 文字中的图标
text icon {
	margin: 0 4rpx;
	align-self: center;
}
// 味道标签列表
.smell-list {
	padding: 10rpx 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
// 文本形式的链接，非文本内链接
.link-text {
	color: $important-color;
	text-decoration: underline;
	cursor: pointer;
}
// 时间
.time-info {font-size: $number-fontSize;color: $sub-color;}
// 预览图
.preview-img {
	width: 150rpx;
	height: 140rpx;
	overflow: hidden;
	background-image: $default-logo;
	background-size: $common-bg-size;
	background-position: center;
	border-radius: $small-border-radius;
	display: flex;
}
	.preview-img image {
		width: 100%;
		align-self: center;
		position: relative;
	}
// 高度适配图片
.hight-fix-img {
	text-align: center;
	width: auto !important;
}
	// 图片
	.hight-fix-img image {
		height: 100% !important;
		background-size: $hight-fix-bg-size !important;
	}
	// 图片实体
	.hight-fix-img image div {
		height: 100% !important;
		background-size: $hight-fix-bg-size !important;
		background-position: center;
	}
// 引用文字
.quote-text {
	color: $important-color;
	cursor: pointer;
}
// 重要文字
.focus-text {
	color: $important-color;
}
// 积分数
.score-number {
	color: $important-color;
}
// 灰豆数
.bean-number {
	color: $golden-color;
}
// 活动热度数字
.activity-heat,.bounty-heat {
	color: $important-color;
	font-size: $normal-fontSize;
}
	// 活动热度图标
	.activity-heat:before {
		font-family: iconFonts;
		content: $icon-number-hot;
		margin-right: 8rpx;
	}
// 地址显示
.content-address {
	display: flex;
	color: $sub-color;
	align-items: center;
	justify-content: center;
}
	// 文字前面加图标
	.content-address::before {
		font-family: iconFonts;
		content: $icon-address;
		padding: 0 4rpx;
	}
// 警告文字
.post-wrong-tip {
	font-size: $small-fontSize;
	color: $important-color;
	text-align: center;
	display: flex;
	width: 100%;
}
	.post-wrong-tip:last-child {
		padding-bottom: 20rpx;
	}
	// 前后加线
	.post-wrong-tip span::before, .post-wrong-tip span::after  {
		content: "";
		height: 2rpx;
		flex: 1;
		border-bottom: $common-line-width solid #ffc9d0;
	}
	// 中间文字
	.post-wrong-tip span {
		width: 100%;
		display: flex;
		align-items: center;
		flex: 1;
	}
// 内容间隔
.plate-between {
	height: 20rpx;
	background-image: $common-plate-between-gradient;
}
// 打赏内容
.reward-content {
	padding: 20rpx;
	background-color: $weakest-color;;
}
	// 打赏统计文字
	.reward-content .reward-number {
		color: $important-color;
	}
	// 打赏用户列表
	.reward-content .reward-account-list {
		display: flex;
		flex-wrap: wrap;
		margin:0 -10rpx;
	}
	// 打赏用户列表头像容器
	.reward-content .reward-account-list .account-head-img {
		width: 80rpx;
		height: 80rpx;
		margin: 12rpx;
		overflow: hidden;
		border-radius: 100%;
	}
	.reward-content .reward-account-list .account-head-img image {
		width: 80rpx;
	}
		// 最后一个头像，显示为更多
		.reward-content .reward-account-list .account-head-img:last-child {
			background-color: $sub-light-color;
			text-align: center;
		}
		// 图标
		.reward-content .reward-account-list .account-head-img:last-child::after {
			font-size: 50rpx;
			line-height: 1.5;
			font-family: iconFonts;
			content: $icon-more;
			color: $sub-color;
		}
		// 头像图片
		.reward-content .reward-account-list .account-head-img:last-child image {
			display: none;
		}
// 好友卡
.account-card {
	box-shadow: $post-card-shadow;
	border-radius: $common-border-radius;
	padding: 10rpx;
	background-color: $weakest-color;
	margin-bottom: 10px;
}
	// 好友卡 - 账户信息
	.account-card .account-info:first-child {
		padding: 10rpx;
		align-items: center;
	}
	// 好友卡 - 图标
	.account-card .account-info .post-head-actions uni-icon {
		margin: 0;
	}
// 雪茄logo
.cigar-logo {
	width: 180rpx !important;
	height: 140rpx !important;
	position: relative;
	background-image: $default-cigar-logo;
	background-position: center;
	background-size: $common-bg-size;
	background-repeat: no-repeat;
	border-radius: $larger-border-radius;
	overflow: visible;
}
	.cigar-logo image,.cigar-logo image div {
		width: 180rpx;
		height: 140rpx !important;
		background-size: $common-bg-size !important;
		background-position: center;
		border-radius: $larger-border-radius;
	}
// 没有更多内容
.noMore-content{
	padding: 40rpx 0;
	text-align: center;
	color: $sub-color;
	border-bottom: $common-line-width solid $tweenLine-color;
}

// 搜索栏
.search-bar {
	background-color: $tab-bg-color;
	background-image: $posts-sort-bar-bg;
	padding: 15rpx;
	border: none;
	border-bottom: $common-line-width solid $tweenLine-color;
	display: flex;
}
	// 输入框
	.search-bar .search-input {
		border: $common-line-width solid $sub-light-color;
		font-size: $normal-fontSize;
		flex: 1;
		padding: 10rpx 10rpx 10rpx 60rpx;
		border-radius: $larger-border-radius;
		margin: 0 10rpx;
		position: relative;
	}
	// 输入框-图标
	.search-bar .search-input::before {
		font-family: iconFonts;
		content: $icon-c-search;
		color: $sub-color;
		display: block;
		position: absolute;
		font-size: 40rpx;
		left: 10rpx;
	}
	// 输入框
	.search-bar icon {
		margin: 0 10rpx;
	}
// 结果
.result-content {
	text-align: center;
}
// 结果提示
.result-content .result-title {
	font-size: $title2-fontSize;
	font-weight: bold;
	line-height: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}
	// 图标
	.result-content .result-title::before {
		font-family: iconFonts;
		content: $icon-tip;
		margin-right: 10rpx;
		font-size: 40rpx;
		line-height: 2;
	}

// 功能
// 测试用临时样式，负责窗口的隐藏
.c-hide {
	display: none !important;
}
// 阻止点击的层
.block-touch-layer {
	width: 100%;
	height: 100%;
	// background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	bottom:0;
	right: 0;
	z-index: 1000;
	transform: scale(0);
	opacity: 0;
	}
	// 动画
	.in .block-touch-layer {transform: scale(1);opacity: 1; animation: block-layer-in 0.1s normal 1.5s linear forwards;}
	// 打开后的状态
	.opened .block-touch-layer {transform: scale(0);opacity: 0;}
	.out .block-touch-layer {transform: scale(1);opacity: 1;animation: block-layer-in 0.1s normal 1.5s linear forwards;}
// 阻止滚动
.lockScroll {
	overflow: hidden;
}
// 位置补偿块
.filler-block{
	display: block;
	height: 120rpx;
}
	// 位置补偿块 - 半高
	.filler-block.half {
		display: block;
		height: 70rpx;
	}